<%--
  Created by IntelliJ IDEA.
  User: Snakewood
  Date: 2020/12/25
  Time: 15:25
  To change this template use File | Settings | File Templates.
--%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<html>
<head>
    <title>Title</title>
    <link rel="stylesheet" href="css/main.css" type="text/css" />
    <script type="text/javascript" src="js/form.js"></script>
    <style type="text/css">
        .table-body{
            width: 100%;
            text-align: center;
            margin: auto;
        }
    </style>
</head>
<body>
<%@include file="head.jsp"%>
<div class="table-body">
<form action="user?op=regist" method="post" onsubmit="return checkForm();" style="text-align: center">
    <table width="850px" border="1" cellspacing="0" style="text-align: center">
        <tr>
            <td style="padding: 30px"><h1>新用户注册</h1>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="login.jsp">已有帐号？点此登录</a>
                <table width="100%" border="0" cellspacing="2" class="upline" style="text-align: center">
                    <tr>
                        <td style="text-align: right">用户名：</td>
                        <td><input type="text" class="textinput"  id="username" name="username" onkeyup="checkUsername();"/>
                        </td>
                        <td colspan="2">
                            <span id="usernameMsg"></span>
                            <font color="#999999">字母数字下划线1到10位, 不能是数字开头</font>
                            <br><span style="font-size: 25px; color: red" >${msg}</span>
                        </td>
                    </tr>
                    <tr>
                        <td style="text-align: right">密码：</td>
                        <td><input type="password" class="textinput"  id="password" name="password" onkeyup="checkPassword();"/></td>
                        <td><span id="passwordMsg"></span><font color="#999999">密码请设置6-16位字符</font></td>
                    </tr>
                    <tr>
                        <td style="text-align: right">重复密码：</td>
                        <td>
                            <input type="password" class="textinput"  id="repassword" name="repassword" onkeyup="checkConfirm();"/>
                        </td>
                        <td><span id="confirmMsg"></span>&nbsp;</td>
                    </tr>
                    <tr>
                        <td style="text-align: right; width: 20%">用户邮箱：</td>
                        <td style="width: 40%">
                            <input type="text" class="textinput"  id="email" name="email" onkeyup="checkEmail();"/>
                        </td>
                        <td colspan="2"><span id="emailMsg"></span><font color="#999999">请输入有效的邮箱地址</font></td>
                    </tr>
                </table>


            </td>
        </tr>
    </table>
</form>
</div>
</body>
</html>
